﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Shaidan.aspx.cs" Inherits="Xingyungou.ChenJiBao.Shaidan" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        #yemian {
            width: 100%;
            height: 1200px; /*可能需要改*/
            border: 1px solid #808080;
        }

        #daohang {
            width: 100%;
            height: 155px;
            border: 1px solid #ffd800;
        }

        #zhobu {
            width: 100%;
            height: 630px;
            background-color: #f7f7f7;
        }

        #zhobu_sdfx {
            width: 80%;
            height: 569px;
            margin: auto;
            border: 1px solid #ffd800;
        }

        #zhobu_sdfx_zi {
            width: 100%;
            height: 35px;
            line-height: 35px;
        }

        #zhobu_sdfx_zi_dianji {
            color: #bbbbbb;
        }

            #zhobu_sdfx_zi_dianji a {
                color: #bbbbbb;
                text-decoration: none;
            }

        #xingyuenrenshu {
            width: 100%;
            height: 35px;
            line-height: 35px;
            border: 1px solid #e4e4e4;
            overflow: hidden;
        }

            #xingyuenrenshu h3 {
                float: left;
                color: #ff6600;
            }

        #xingyuenrenshu_zi2 {
            color: #999999;
        }

        #xingyuenrenshu_zi3 {
            color: #ff6657;
        }

        #sdxz {
            width: 100%;
            height: 35px;
            border: 1px solid #ffd800;
            overflow: hidden;
        }

        .sdxzs-dianji {
            width: 50px;
            height: 20px;
            float: left;
            margin-top: 5px;
            text-align: center;
        }

        .sdxzs-dianji2 {
            width: 75px;
            height: 20px;
            border: 2px solid #ff6600;
            float: left;
            margin-top: 5px;
            text-align: center;
        }

        .sdxzs-dianji3 {
            width: 75px;
            height: 20px;
            border: 2px solid #cccccc;
            float: left;
            margin-top: 5px;
            margin-left: 5px;
            text-align: center;
        }

        .sdxzs-dianji4 {
            width: 75px;
            height: 20px;
            border: 2px solid #cccccc;
            float: left;
            margin-top: 5px;
            margin-left: 5px;
            text-align: center;
        }

        .jz {
            text-decoration: none;
        }

        #shaidanliebiao {
            width: 100%;
            height: 460px;
        }

        #shaidanliebiao-weizi {
            width: 302px;
            height: 152px;
            border: 1px solid #bbbbbb;
            float: left;
        }

        .binakuan {
            width: 150px;
            height: 150px;
            border: 1px solid #fbf607;
            float: left;
        }

        /*#binakuan2 {
            width: 20px;
            height: 20px;
            border: 1px solid #ffd800;
            margin-top: px;
            margin-left: 260px;
        }*/

        .xianqing {
            padding: 5px;
        }

        .xianqing2 {
            padding: 5px;
            margin-left: 260px;
        }

        .xianqing span {
            color: #ffd800;
            margin-top: 5px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div id="yemian">
            <div id="daohang">
                <%--导航栏--%>
            </div>
            <div id="zhobu">
                <div id="zhobu_sdfx">
                    <div id="zhobu_sdfx_zi">
                        <p id="zhobu_sdfx_zi_dianji"><a href="#">首页</a> > <a href="#">晒单分享</a></p>
                    </div>
                    <div id="xingyuenrenshu">
                        <h3>晒单分享</h3>
                        <p id="xingyuenrenshu_zi2">（共 <span id="xingyuenrenshu_zi3">30407</span> 个幸运获得者晒单</p>
                    </div>
                    <div id="sdxz">
                        <div class="sdxzs-dianji"><a href="#" class="jz">排序</a></div>
                        <div class="sdxzs-dianji2"><a href="#" class="jz">最新晒单</a></div>
                        <div class="sdxzs-dianji3"><a href="#" class="jz">人气晒单</a></div>
                        <div class="sdxzs-dianji4"><a href="#" class="jz">评论最多</a></div>
                    </div>
                    <div id="shaidanliebiao">
                        <asp:Repeater ID="Repeater1" runat="server">
                            <ItemTemplate>
                                <div id="shaidanliebiao-weizi">
                                    <dl>
                                        <div class="binakuan">
                                            <dt>
                                                <img src="Images/<%#Eval("Tupian")%>" width="150" height="150" /></dt>
                                        </div>
                                        <dd class="xianqing">用户帐号:<span><%#Eval("AdministratorYH") %></span></dd>
                                        <dd class="xianqing"><span><%#Eval("Shaidantime","yyyy-MM-dd").ToString()%></dd>
                                        <dd class="xianqing"><span>评价:<%#Eval("Shaidancontent")%></dd>
                                        <dd class="binakuan2"><span>浏览数: <%#Eval("Reading")%></dd>
                                    </dl>
                                </div>
                            </ItemTemplate>
                        </asp:Repeater>
                    </div>
                </div>
                <h2>分页</h2>
            </div>
        </div>
    </form>
</body>
</html>
